<!DOCTYPE html>
<html>
    <head>
        <title>双飞翼布局</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css双飞翼.css">
    </head>
    <body>
        <!-- 头部 -->
        <div class="header">
            <h4>header</h4>
        </div>
        <!-- 主体 -->
        <div class="main">
            <div class="main-inner">
                <h4>main</h4>
            </div>
        </div>
        <!-- 左侧 -->
        <div class="sub">
            <h4>sub</h4>
        </div>
        <!-- 右侧 -->
        <div class="extra">
            <h4>extra</h4>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <h4>footer</h4>
        </div>
    </body>
</html>